<!DOCTYPE html>
<html lang="en" ng-app="myApp" ng-app="myApp">
<head>
    <meta charset="UTF-8">
    <title>查看开班情况</title>
    <link rel="stylesheet" href="css/style2L.css" />
	<script src="js/angular.min.js"></script>
    <script src="js/angular-route.min.js"></script>
    <script src="js/jquery-1.11.1.min.js"></script>
    <script>
        var m = angular.module('myApp', []);
        m.controller('myController', ["$scope","$http",function($scope, $http) {
        	$scope.show = function() {
			$http(
					{
						url : 'KGradeAction!selectkGradePreList',
						method : 'GET',
					})
					.success(
							function(data, status, headers, config) {
								//console.log(data.paginationKGradeDTO.list);
								//响应成功
								$scope.kGradeDTOList = data.paginationKGradeDTO.list;
							})
					.error(
							function(data, status, headers, config) {
								//处理响应失败
								alert("请求失败！");
			});
			
		};
		$scope.show();
        }]);
    </script>
    
</head>
<body ng-Controller="myController">
<!-- 头部 -->
<header>
    <!-- 顶部 -->
    <div id="top" class="clear">
        <p>
            <a href="#">마이페이지</a>
            <a href="#">도와드릴까요?</a>
            <a href="#">학부모마당</a>
            <a href="#">管理员登陆入口</a>
        </p>
    </div>
    <!-- 顶部 -->
    <!-- 导航 -->
    <nav class="clear">
        <ul class="nav">
          <li class="item">
                <a href="main.html">首页</a>
            </li>
            <li class="item">
                <a href="sub1.html">介绍</a>
                <div class="submenue">
                    <ul class="clear">
                        <li><a href="#">学校介绍</a></li>
                        <li><a href="sub4.html">师资介绍</a></li>
                        <li><a href="sub1.html">课程介绍</a></li>
                    </ul>
                </div>
            </li>
            <li class="item">
                <a href="sub2.html">优秀作品展示</a>
            </li>
            <li class="item">
                <a href="sub3.html">招生简章</a>
            </li>
            <li class="item">

                <a href="sub5.html">选课</a>

            </li>
        </ul>
    </nav>
    <!-- 导航 -->
    <!-- 登录 -->
    <section id="login">
        <div class="content clear">
            <h3>登&nbsp录</h3>
            <div class="usr">
                <label>用户名</label>
                <input type="text" value="" />
            </div>
            <div class="pwd">
                <label>密码</label>
                <input type="password" value="" />
            </div>
        </div>
        <div class="bottom">
            <a href="#">登录</a>
            <a href="#">注册</a>
        </div>
    </section>
    <!-- 登录 -->
</header>
<!-- 头部 -->
<div ng-view>
<article id="sub5" class="clear">
    <!-- 侧边栏 -->
    <aside></aside>
    <!-- 侧边栏 -->
    <!-- 主体 -->
    <section class="main">
        <div class="main_top"></div>

        <div class="enrollment">
            <h3>选课</h3>
              <div class="main_h">
                <select>
                    <option value="value1">钢琴</option>
                    <option value="value2">绘画</option>
                    <option value="value3">书法</option>
                    <option value="value4">小提琴</option>
                    <option value="value5">芭蕾舞</option>
                    <option value="value6">国画</option>
                </select>
              </div>
            <table rules="rows">
                <tbody>
                
                <tr class="tableCss">
                    <th>班级</th>
                    <th>课程</th>
                    <th>老师</th>
                    <th>是否开课</th>
                    <th>是否选择该课程</th>
                </tr>
                <tr ng-repeat="kGradeDTO in kGradeDTOList">
                    <td ng-bind="kGradeDTO.name">班级</td>
                    <td ng-bind="kGradeDTO.classname">课程</td>
                    <td ng-bind="kGradeDTO.tusername">课程</td>
                    <td ng-bind="kGradeDTO.isOpened">是</td>
                    <td ng-bind="kGradeDTO.isSelected">否</td>
                </tr>
                </tbody>
                </table>
            <br/>
            <br/>

            <div class="pageDramp">
                <span ><a href="#"><img src="img/before_page.png"> </a></span>
                <span ><a href="#">1 2 4 5 6 7 8 </a></span>
                <span ><a href="#"><img src="img/next_page.png">  </a></span>
            </div>
            </div>

    </section>
    <!-- 主体 -->
</article>
</div>
<!-- 主体 -->

<!-- 尾部 -->
<footer>
    <div class="f_content clear">
        <p class="blogroll">
            <a href="#">회사소개</a>
            <a href="#">개인정보취급방침</a>
            <a href="#">이용안내</a>
        </p>
        <div class="search">
            <input type="text" value="family site" />
            <a href="#"></a>
        </div>
        <div class="copyRight">
            <p>서울시 강동구 성내동 5x8-8번지 20x호 I  TEL: 02-47x-45x2  FAX: 02-x78-4x83</p>
            <span>copyright(c) 2010 company co.,ltd. all rights reserved</span>
        </div>
    </div>
</footer>
<!-- 尾部 -->
</body>
</html>
